<script setup lang="ts">

</script>

<template>
<table class="xtable">
  <colgroup>
    <col width="20%">
    <col width="40%">
    <col width="20%">
    <col width="20%">
  </colgroup>
  <thead>
  <tr>
    <th>name</th>
    <th>date</th>
    <th>score</th>
    <th>attend</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  </tbody>
</table>
</template>

<style scoped lang="scss">
.xtable{
  width: 100%;
  border-collapse: collapse;
  td{
    border-bottom: 1px solid black;
  }
}
</style>